@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; }

body { line-height: 1; color: black; background: white; }

ol, ul { list-style: none; }

table { border-collapse: separate; border-spacing: 0; vertical-align: middle; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: "" ""; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; }

a img { border: none; }

@font-face { font-family: "CPMono_v07Bold"; src: local("☺"), url('../../fonts/CPMono_v07_Bold-webfont.woff') format('woff'); }

@font-face { font-family: "MolotRegular"; src: local("☺"), url('../../fonts/Molot-webfont.woff') format('woff'); }

@font-face { font-family: "RadiolandRegular"; src: local("☺"), url('../../fonts/RADIOLAND-webfont.woff') format('woff'); }

a#debug { display: block; opacity: 0.8; background: black; bottom: 0; font-family: monospace; font-size: 15px; margin: 5px; padding: 10px; position: fixed; right: 0; z-index: 500; text-decoration: none; }
a#debug:visited, a#debug:active, a#debug:link { color: white; }
a#debug:hover { text-decoration: underline; }

#error { margin-top: 100px; padding: 30px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; -moz-box-shadow: #333333 1px 1px 5px 0; -webkit-box-shadow: #333333 1px 1px 5px 0; -o-box-shadow: #333333 1px 1px 5px 0; box-shadow: #333333 1px 1px 5px 0; background: white; }

* { margin: 0px; padding: 0px; }

body { background: black; height: 100%; text-align: center; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; }

#vignette { background-image: url('../../images/wood5fcb.jpg?1292308928'); background-repeat: repeat; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }

#vignetteimg { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; margin: 0px; margin-bottom: -5px; padding: 0px; border: 0px; }

.content { width: 860px; top: 50px; margin-left: auto; margin-right: auto; position: relative; }

.hidden { display: none; }

#font-preload { position: fixed; font-size: 50px; color: black; display: block; }
#font-preload #CPMono_v07Bold { font-family: CPMono_v07Bold; }
#font-preload #MolotRegular { font-family: MolotRegular; }
#font-preload #RadiolandRegular { font-family: RadiolandRegular; }

#loadingbg { -webkit-user-select: none; -moz-user-select: none; user-select: none; position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background-image: url('../../images/loadingbg5fcb.png?1292308928'); background-repeat: repeat; display: none; }
#loadingbg img { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; }
#loadingbg #loading { z-index: 400; width: 295px; height: 283px; background-image: url('../../images/loading5fcb.jpg?1292308928'); background-repeat: no-repeat; margin-left: auto; margin-right: auto; margin-top: 200px; }
#loadingbg #loading #loadingpg { width: 0px; height: 10px; background-image: url('../../images/loadingpg5fcb.png?1292308928'); background-repeat: no-repeat; position: absolute; margin-top: 270px; margin-left: 36px; }

#gamecontrolsdisplay { -webkit-user-select: none; -moz-user-select: none; user-select: none; width: 860px; top: 50px; margin-left: auto; margin-right: auto; position: relative; display: none; }

#gamecontrolsclick { width: 860px; top: 50px; margin-left: auto; margin-right: auto; position: relative; }

#game { width: 860px; top: 50px; margin-left: auto; margin-right: auto; position: relative; display: none; }

#tableborder { background-image: url('../../images/tableborder5fcb.png?1292308928'); background-repeat: no-repeat; width: 1113px; height: 497px; position: absolute; top: 100px; left: -130px; }
#tableborder #table { background-image: url('../../images/table5fcb.jpg?1292308928'); background-repeat: no-repeat; width: 847px; height: 438px; position: absolute; top: 19px; left: 137px; }
#tableborder #table #boom { background-image: url('../../images/boom5fcb.png?1292308928'); position: absolute; width: 277px; height: 226px; display: none; margin-left: -98px; margin-top: -105px; }
#tableborder #table #demo_canvas { left: 7px; top: 6px; position: absolute; }

#timers { background-image: url('../../images/timerbg5fcb.png?1292308928'); background-repeat: no-repeat; font: 30px "RadiolandRegular", Arial, sans-serif; color: #cb512c; color: #b23711; letter-spacing: 0; width: 452px; height: 67px; position: absolute; left: 10px; top: 20px; }
#timers .digit { text-align: right; position: absolute; top: 18px; }
#timers #minutesremaining { left: 28px; }
#timers #bombsecondstens { left: 398px; color: #d8850d; display: none; }
#timers #bombsecondsones { left: 418px; color: #d8850d; display: none; }
#timers #secondsremainingtens { left: 58px; }
#timers #secondsremainingones { left: 78px; }
#timers #bombicon { background-image: url('../../images/bombicon5fcb.png?1292308928'); background-repeat: no-repeat; width: 39px; height: 19px; left: 360px; top: 33px; position: absolute; display: none; }

#score { background-image: url('../../images/score5fcb.png?1292308928'); background-repeat: no-repeat; text-align: center; font-family: "MolotRegular", Arial, sans-serif; font-size: 30px; color: #c34414; letter-spacing: 0; width: 81px; height: 71px; padding-top: 28px; padding-left: 0px; position: absolute; top: 17px; left: 759px; }

#progress { background-image: url('../../images/progressunit5fcb.png?1292308928'); background-repeat: repeat-x; position: absolute; top: 33px; left: 113px; width: 210px; height: 34px; }

#bestscore { -webkit-user-select: none; -moz-user-select: none; user-select: none; background-image: url('../../images/bestscore5fcb.png?1292308928'); background-repeat: no-repeat; text-align: center; font-family: "MolotRegular", Arial, sans-serif; font-size: 22px; color: #47341d; letter-spacing: 0; width: 135px; height: 118px; padding-top: 56px; padding-left: 2px; position: absolute; top: -6px; left: 653px; }

#soundclick { left: 640px; top: 583px; position: absolute; width: 210px; height: 58px; background: transparent; }

#musicbuttonclick { position: absolute; height: 20px; width: 65px; top: 20px; cursor: pointer; }

#soundsbuttonclick { position: absolute; height: 20px; width: 80px; top: 20px; left: 120px; cursor: pointer; }

#sounds { left: 640px; top: 583px; position: absolute; background-image: url('../../images/speaker5fcb.png?1292308928'); background-position: center; background-repeat: no-repeat; width: 210px; height: 58px; }
#sounds #musicbutton { position: absolute; height: 20px; width: 65px; top: 20px; cursor: pointer; }
#sounds #soundsbutton { position: absolute; height: 20px; width: 90px; top: 20px; left: 120px; cursor: pointer; }
#sounds #soundsbutton .on, #sounds #soundsbutton .off { right: 0; }
#sounds .on, #sounds .off { width: 19px; height: 19px; background-image: url('../../images/lights5fcb.png?1292308928'); position: absolute; }
#sounds .off { background-position: 0px 19px; }

#smalllogo { left: 5px; top: 595px; position: absolute; background-image: url('../../images/smalllogo5fcb.png?1292308928'); background-repeat: no-repeat; width: 237px; height: 42px; }

#instructions { left: 274px; top: 598px; position: absolute; background-image: url('../../images/instructions5fcb.png?1292308928'); background-repeat: no-repeat; width: 96px; height: 30px; }

#instructionsclick { left: 274px; top: 598px; position: absolute; background: transparent; width: 96px; height: 30px; cursor: pointer; }

#pause { left: 380px; top: 579px; position: absolute; background-image: url('../../images/pause5fcb.png?1292308928'); background-repeat: no-repeat; width: 89px; height: 71px; }

#pauseclick { left: 380px; top: 579px; position: absolute; background: transparent; width: 89px; height: 71px; cursor: pointer; }

#messageoverlay { width: 860px; top: 50px; margin-left: auto; margin-right: auto; position: relative; top: -200px; }

#startover { left: 492px; top: 598px; position: absolute; background-image: url('../../images/startover5fcb.png?1292308928'); background-repeat: no-repeat; width: 83px; height: 30px; }

#startoverclick { left: 492px; top: 598px; position: absolute; background: transparent; width: 83px; height: 30px; cursor: pointer; }

#soundsbutton img { position: absolute; margin-left: 69px; margin-top: 1px; }

#cue_canvas { left: 0px; top: 0px; position: absolute; background-image: url('../../images/transparent5fcb.png?1292308928'); }

#overlay { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; z-index: 100; background: rgba(0, 0, 0, 0.5); display: none; }

#start { z-index: 500; font-family: "MolotRegular", Arial, sans-serif; font-size: 60px; color: #ebd09c; letter-spacing: 1px; cursor: pointer; text-align: center; position: absolute; top: 280px; width: 860px; display: none; text-align: center; background-image: url('../../images/letter5fcb.png?1292308928'); background-repeat: no-repeat; width: 424px; height: 546px; margin-top: 60px; left: 240px; }

#startmessage { background-image: url('../../images/startoverlay5fcb.png?1292308928'); background-repeat: no-repeat; position: absolute; top: 120px; left: 55px; font: 13px/16px "CPMono_v07Bold", Arial, sans-serif; text-align: left; width: 258px; height: 311px; color: #322c25; padding-top: 15px; }

#resume { z-index: 500; font-family: "MolotRegular", Arial, sans-serif; font-size: 60px; color: #ebd09c; letter-spacing: 1px; cursor: pointer; text-align: center; position: absolute; top: 280px; width: 860px; display: none; text-align: center; background-image: url('../../images/suspended5fcb.png?1292308928'); background-repeat: no-repeat; width: 430px; height: 311px; margin-top: 120px; left: 240px; }

#howtoplay { z-index: 500; font-family: "MolotRegular", Arial, sans-serif; font-size: 60px; color: #ebd09c; letter-spacing: 1px; cursor: pointer; text-align: center; position: absolute; top: 280px; width: 860px; display: none; text-align: center; left: 49px; margin-top: 137px; background-image: url('../../images/howtoplay5fcb.png?1292308928'); background-repeat: no-repeat; width: 757px; height: 347px; cursor: pointer; }

#gameover { z-index: 500; font-family: "MolotRegular", Arial, sans-serif; font-size: 60px; color: #ebd09c; letter-spacing: 1px; cursor: pointer; text-align: center; position: absolute; top: 280px; width: 860px; display: none; text-align: center; background-image: url('../../images/gameover5fcb.png?1292308928'); background-repeat: no-repeat; width: 402px; height: 339px; margin-top: 120px; left: 240px; }

#gameoverscore { position: absolute; top: 130px; width: 402px; text-align: center; font-family: "MolotRegular", Arial, sans-serif; font-size: 96px; color: #352716; }

#gameovertwitter { position: absolute; top: 275px; left: 127px; background-image: url('../../images/gametwitter5fcb.png?1292308928'); background-repeat: no-repeat; width: 31px; height: 31px; }
#gameovertwitter:hover { background-position: 0 -31px; }

#gameoverfacebook { position: absolute; top: 278px; left: 163px; background-image: url('../../images/gamefacebook5fcb.png?1292308928'); background-repeat: no-repeat; width: 29px; height: 29px; }
#gameoverfacebook:hover { background-position: 0 -29px; }

#pixellab { display: block; left: 320px; top: 660px; position: absolute; background-image: url('../../images/pixellab5fcb.png?1292308928'); background-repeat: no-repeat; background-position: center top; width: 193px; height: 28px; }

#pixellabclick { display: block; left: 320px; top: 660px; position: absolute; background: transparent; width: 193px; height: 28px; }
#pixellabclick:hover { background-image: url('../../images/pixellab5fcb.png?1292308928'); background-position: 0 -28px; }

#pixellabclick a { display: block; width: 193px; height: 28px; }

#alert-div-holder { z-index: 200; position: relative; }
#alert-div-holder #alert-div { display: inline-block; background: rgba(102, 102, 102, 0.8); color: white; padding: 20px; margin: 20px; font-size: 40px; font-family: monospace; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
#alert-div-holder #alert-div td:first-child { padding-right: 30px; }
